/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:822px;margin:0 auto;margin-top: 10px;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:1135px;margin:0 auto;margin-top: 35px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

#n_demo{overflow:hidden;width:1090px;margin:0 auto;margin-top:40px;}
#n_indemo {float: left;width:8000%}
#n_demo1 {float: left;}
#n_demo2 {float: left;}





.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/
.top1{height: 35px;font:14px/35px "微软雅黑";color: #7c7a7a;background-color: #eeecec;}
.k1 a{color: #7c7a7a;}

#header{width:1200px;margin:0 auto;height: 155px;}
.logo{float:left;width: 430px;margin-top: 10px;}

.topLink{float:right;position: relative;z-index: 9999;width: 730px;}
.k3{font:bold 18px/36px "微软雅黑";color: #000;margin-top: 45px;width: 400px;}
.k2{width: 262px;font:20px/30px "微软雅黑";height:105px;text-align: right;background: url(../image/t_phone.png) left center no-repeat;margin-top:32px;}


/*热门关键词*/
.search{text-align:left;height:55px;background-color:#685100;}
.hotSearch{width:525px;float:left;line-height:55px;font-weight:normal;color: #fff;font-size: 18px;}
.hotSearch a{margin-right:6px;color: #fff;}


/*搜索*/
#formsearch{width:262px;float:right;margin-top: 10px;border:1px solid #fff;border-radius: 20px;font-size: 0;vertical-align: top;}
#formsearch input{background:none;border:none;line-height:36px;height:36px;outline: none;}
#formsearch input#keyword{padding-left:13px;color:#f5f4f3;width:205px;font-size: 14px;}
#formsearch input#s_btn{width:43px;background:url(../image/ss.png) left center no-repeat;cursor:pointer;float:right;}

input::-webkit-input-placeholder {color:#fff;}
textarea::-webkit-input-placeholder {color:#fff;}



/*导航栏样式*/
#menu{background-color:#685100;height:50px;}
.navs{width: 1130px;margin:0 auto;}
.navs li{width:140px;float:left;position:relative;z-index:999;padding-left: 0px;height: 50px;/*background: url(../images/n1.png) left center no-repeat;*/    text-align: center;}
.navs li a{display:block;font:16px/50px "微软雅黑";color: #fff;}
.navs li a span{display: block;font:14px/14px "微软雅黑";}
.navs li a:hover{color:#fff;background:#685100;}



.navs .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:50px;left:0px;}
.navs .sec a{background:#006867;color:#fff;height:38px;line-height:38px;width:140px;}
.navs .sec a:hover{background:#042d3f;}






/*首页banner*/

.topbanner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}

.banner .num{position:absolute;right:47.2%;bottom:10px;z-index:100;}
.banner .num li{width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#f7de07;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}



/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}



.z1{margin-top: 80px;background: url(../image/z1-tit.png) center top no-repeat;}
.z1 h1{font:24px/48px "微软雅黑";color: #fff;padding-left: 85px;}
.z1 h1 span{margin-left:25px;color: #6b6b6a;font:18px/20px "微软雅黑";display: inline-block;vertical-align: middle;}
.z1 h1 a{float: right;font:14px/48px "微软雅黑";color: #161616;}
.z1 h1 a:before{content: "+";color: #685100;font:18px/48px "微软雅黑";margin-right: 20px;}
.z1-box{margin-top: 27px;}
.z1-left{width: 250px;}
.z1-left h2{text-align: center;font:bold 24px/45px "微软雅黑";color: #fff;padding-top: 15px;background:#685100 url(../image/z1-left.png) center bottom no-repeat;}
.z1-left h2 span{display: block;font:18px/1 "微软雅黑";color: #d3d1d1;padding-bottom: 20px;}
.z1-left ul{background-color: #685100;height: 355px;overflow: hidden;}
.z1-left ul li{width: 195px;margin:0 auto;font:14px/45px "微软雅黑";border-bottom: 1px solid #fff;}
.z1-left ul li:before{content: "";display: inline-block;width: 9px;height: 9px;border:1px solid #fff;border-radius: 5px;margin-right: 15px;}
.z1-left ul li a{color: #fdfbf8;}
.z1-bottom{background-color: #f70013;}
.z1-bottom h3{text-align: center;font:bold 20px/70px "微软雅黑";color:#fff;}
.z1-img{text-align: center;padding-bottom: 20px;margin-top: 10px;}
.z1-right{width: 906px;position: relative;}
.z1-mg-list{border:1px solid #cecece;}
.z1-mg-list li{overflow: hidden;}
.z1-mg-list li img{float: left;width:436px;height:326px;padding:18px;}
.z1-mg-list li div{width: 370px;float: right;margin-right: 50px;margin-top: 15px;}
.z1-mg-list li div h3{font:400 20px/1 "微软雅黑";color: #685100;}
.z1-mg-list li div b{font-weight: normal;color: #685100;}
.z1-mg-list li div p{margin-top: 30px;font:14px/25px "微软雅黑";}
.z1-mg-list li div>a{display: inline-block;width: 140px;font:14px/40px "微软雅黑";text-align: center;color: #fff;background-color: #f70013;margin-top: 40px;margin-right: 25px;border-radius:5px;}
.z1-mg-list li div>a:last-child{background:url(../image/mg.png) 88px center no-repeat #685100;text-align: left;text-indent: 25px;}
.z1-list li{float: left;margin-right: 10px;}
.z1-list li img{width: 259px;height: 188px;padding:2px;border:1px solid #cecece;}
.l-left,.l-right{cursor: pointer;position: absolute;top:415px;}
.l-right{right: 0;}

.black{height: 90px;font:bold 30px/35px "微软雅黑";color: #685100;text-transform: uppercase;text-align: center;background: url(../image/black.png) center no-repeat;    margin-bottom: 20px;}
.black span{display: block;color: #2b2b2a;line-height: 30px;}
.z2{margin-top: 75px;}
.z2-list li{float: left;margin-right: 20px;}
.z2-list li img{width: 259px;height: 194px;padding:4px;border:1px solid #5d5d5c;}
.l-left2,.l-right2{position: absolute;cursor: pointer;top:212px;}
.l-right2{right: 0;}

.z3{margin-top: 60px;background: url(../image/z3.png) center top no-repeat;height: 600px;}
.z3 ul li{width: 166px;text-align: center;position: absolute;}
.z3 ul li h3{font:bold 18px/38px "微软雅黑";color: #685100;}
.z3 ul li p{font:14px/30px "微软雅黑";color: #2b2b2a;}
.z3 ul li.z3-list1{top:30px;}
.z3 ul li.z3-list2{top:54px;left:255px;}
.z3 ul li.z3-list3{top:118px;left:512px;}
.z3 ul li.z3-list4{top:55px;left:765px;}
.z3 ul li.z3-list5{top:35px;right:8px;}
.cptsnr {
    width: 1180px;
    height: 367px;
    margin-top: 35px;
    background: url(../image/tdbg.jpg) no-repeat center;
    position: relative;
    margin: 0 auto;
}
.cptsnr .cpts_list1 {
    top: 10px;
    left: 0px;
}
.cptsnr .cpts_list2 {
    top: 190px;
    left: 0px;
}
.cptsnr .cpts_list3 {
    top: 10px;
    right: 0px;
}
.cptsnr .cpts_list4 {
    top: 190px;
    right: 0px;
}
.cptsnr .cpts_list {
    position: absolute;
    width: 296px;
    height: 160px;
    background: #685100;
    padding: 30px 15px 0px 20px;
}
.cptsnr .cpts_list span {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 36px;
    text-align: left;
    display: block;
}
.cptsnr .cpts_list p {
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    text-align: left;
}
.z4{margin-top: 85px;padding-top: 85px;background:url(../image/z4.png) center top no-repeat;padding-bottom: 70px;}
.z4 h1{text-align: center;font:bold 48px/50px "微软雅黑";color: #685100;}
.z4 h1 em{display: inline-block;width: 200px;text-indent:5px;font:36px/48px "微软雅黑";color: #fff;background-color: #f70013;border-radius: 5px;position: relative;height: 50px;}
.z4 h1 em:after{content: "";display: block;border:5px solid transparent;border-left:8px solid #000;position: absolute;left:100%;top:20px;}
.z4 h1 i{font-style: normal;color: #f70013;margin-left:15px;}
.z4 h1 b{font:30px/40px "微软雅黑";color: #535452;position: relative;}
.z4 h1 b:before{content: "";display: block;width: 30px;height: 1px;background-color: #363635;position: absolute;top:0;left:5px;}
.z4 h1 span{display: block;font:18px/70px "微软雅黑";position: relative;text-indent: 58px;}
.z4 h1 span:before{content: "";width: 1px;height: 37px;background-color: #363635;position: absolute;left:428px;top:0;}
.z4 h1 span:after{content: "";width: 33px;height: 1px;background-color: #363635;position:absolute;left:438px;top:36px;}
.z4 ul{margin-top:18px;display: flex;justify-content:space-between;padding-bottom: 20px;}
.z4 ul li{padding:10px 12px 0;width: 224px;height:278px;background-color:#685100;text-align:center;position: relative;}
.z4 ul li:after{content: "";border:12px solid transparent;border-top:20px solid #685100;position: absolute;top:100%;left:98px;}
.z4 ul li:nth-child(1),.z4 ul li:nth-child(4){margin-top: 95px;}
.z4 ul li h3{font:bold 24px/40px "微软雅黑";color: #fff;}
.z4 ul li p{font:12px/30px "微软雅黑";color: #e1f1d9;}
.rx{width: 563px;font:30px/95px "微软雅黑";margin-top: 35px;position: relative;left:50%;transform:translateX(-50%);background-color: #f70013;text-align: center;color: #fff;border-radius:50px;}

.z5 h1{height: 90px;font:24px/1 "微软雅黑";color: #b8b6b3;text-align: center;background: url(../image/z5-tit.png) center bottom no-repeat;}
.z5 h1 span{display: block;font:bold 36px/50px "微软雅黑";color: #685100;}
.z5 h1 span b{color: #685100;}
.z5 ul{margin-top:30px;display: flex;justify-content:space-between;}
.z5 ul li{text-align: center;margin:0 25px;}
.z5 ul li h3{font:18px/1 "微软雅黑";color: #000;margin-top: 20px;}
.z5 ul li p{font:14px/33px "微软雅黑";color: #979292;}

.z6{height: 637px;margin-top: 30px;background: url(http://www.jshhtm.cn/template/default/assets/images/z6.png) center no-repeat; }
.z6-box{width: 600px;margin:0 auto;background: url(http://www.jshhtm.cn/template/default/assets/images/z6-tit.png) center top no-repeat #323232;/*position: fixed;
    top: 20%;
    right: 35%;
    z-index: 99999;
    height: 560px;*/}
.z6-box h1{text-align: center;font:bold 36px/2 "微软雅黑";color: #fff;}
.z6-txt{width: 520px;margin:0 auto;margin-top: 115px;font:20px/2 "微软雅黑";color: #fff;}
.z6-txt a{color: #fff;}

.z7{margin-top:90px;background: url(../image/z7-tit.png) center top no-repeat;}
.z7 h1{font:24px/48px "微软雅黑";color: #fff;padding-left: 85px;}
.z7 h1 span{margin-left:25px;color: #6b6b6a;font:18px/20px "微软雅黑";display: inline-block;vertical-align: middle;}
.z7 h1 a{float: right;font:14px/48px "微软雅黑";color: #161616;}
.z7 h1 a:before{content: "+";color: #685100;font:18px/48px "微软雅黑";margin-right: 20px;}
.z7-list li{float: left;margin-right: 25px;}
.z7-list li img{width: 255px;height: 185px;}
.z7-list li h3{text-align: center;font:18px/40px "微软雅黑";color: #222221;}
.l-left3,.l-right3{position: absolute;cursor: pointer;top:170px;}
.l-right3{right: 0;}

.z8{margin-top: 50px;padding-top: 30px;background-color: #f5f5f5;padding-bottom: 35px;}
.z8 h1{text-align: center;font:30px/1 "微软雅黑";color: #685100;}
.z8 h1 span{font:bold 36px/50px "微软雅黑";color: #2f2f2e;margin-bottom: 10px;display: block;}
.z8 .article{display: flex;justify-content:space-between;}
.z8-tab{width: 381px;height: 415px;background-color: #fff;margin:5px;box-shadow: 0 0 7px #666;}
.z8-img{width: 381px;height: 277px;}
.z8-tab ul li{width: 320px;margin:0 auto;font:14px/33px "微软雅黑";}
.z8-tab ul li a{color: #232323;}
.z8-tab ul li span{float:right;font-size:10px;color: #454444;}

.z9-left{width: 600px;}
.z9-right{width: 530px;}
.z9-right input[type="text"]{display: block;padding-left: 70px;width: 458px;height: 52px;border:1px solid #e4e4e4;margin-top: 17px;font:24px/52px "微软雅黑";color: #dddbd9;background: url(../image/xm.png) -1px center no-repeat;outline: none;}
.z9-right textarea{display: block;padding-left: 70px;width: 456px;height:110px;border:1px solid #e4e4e4;margin-top: 17px;font:24px/45px "微软雅黑";color: #dddbd9;background: url(../image/xq.png) -1px center no-repeat;outline: none;}
.z9-right input[name="contact"]{background-image: url(../image/dh.png)}
.z9-right input[name="checkcode"]{background-image:none;padding-left: 10px;display: inline-block;margin-right:10px;}
.z9-right input[type="submit"]{width: 202px;height: 55px;margin-top: 20px;background-color: #685100;font:30px/55px "微软雅黑";color: #fff;border-radius: 10px;border:none;display: block;cursor: pointer;outline: none;}
#checkCodeImg2{margin-top: 15px;}

.z9-right input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#dddbd9;
}
.z9-right input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#dddbd9;
}
.z9-right input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#dddbd9;
}
.z9-right input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#dddbd9;
}

.z9-right textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#dddbd9;
}
.z9-right textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#dddbd9;
}
.z9-right textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#dddbd9;
}
.z9-right textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#dddbd9;
}

/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}

/*页面底部*/
#footer{margin-top:40px;background-color: #798790;padding-bottom: 0px;}

.nav_foot{text-align:center;font:22px/95px "微软雅黑";color: #fff;border-bottom: 1px solid #fff;}
.nav_foot a{color: #fff;}

.f_code{margin-top: 80px;width: 388px;
    padding-left: 100px;}

.f_contanct{width: 395px;margin-top:35px;padding-left:40px;font:16px/53px "微软雅黑";color: #fff;position:relative;}
.f_contanct:before{content: "";display: block;width: 1px;height:87%;background-color: #dddbd9;position: absolute;left:0;top:7%;}
.f_contanct:after{content: "";display: block;width: 1px;height:87%;background-color: #dddbd9;position: absolute;right:0;top:7%;}

.copyright{width: 365px;margin-top:35px;font:14px/40px "微软雅黑";color: #fff;}
.copyright a{color:#fff; }

.fix1{
        width: 101px;
    border: 1px solid #000;
    color: #f00;
    position: fixed;
    top: 250px;
    left: 10px;
   font-weight: bold;
    text-align: center;
        font-size: 24px;
            z-index: 99999;
}
.fix1 a{color:#f00;}
.fix2{
        width: 101px;
    border: 1px solid #000;
    color: #f00;
    position: fixed;
    top: 300px;
    left: 10px;
    font-weight: bold;
    text-align: center;
        font-size: 24px;
            z-index: 99999;
}
.fix2 a{color:#f00;}





/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #fff;}
.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 197px;}
.relate-product-slick .owl-item .img img{width: 213px;height:155px;}
.xypg-case-list li .img img{width: 300px;height:218px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}